<style>
    tabset tab{
        width: 100%;
        height: 100%;
    }
    .search-item{
        width: 15% !important;
    }
    .search-button{
        width: 20% !important;
    }
</style>

<div class="portlet">
    <form class="portlet-search-body" name="queryForm">
        <input type="text" class="form-control search-item col-md-2" ng-model="routeStat.startStopName" placeholder="起点站">
        <input type="text" class="form-control search-item" ng-model="routeStat.endStopName" placeholder="终点站">

        <input type="text" class="form-control search-item" ed-time-picker data-options="format: 'hh:ii'" ng-model="routeStat.departTimeStart" placeholder="出发时间开始"/>
        <input type="text" class="form-control search-item" ed-time-picker data-options="format: 'hh:ii'" ng-model="routeStat.departTimeEnd" placeholder="出发时间截止"/>

        <select class="form-control search-item search-item-expand" ng-model="routeStat.isWorkingDepart"
                ng-options="opt.value as opt.name for opt in options.yesorno">
            <option value="">-- 是否工作日 --</option>
        </select>
        <select class="form-control search-item search-item-expand" ng-model="routeStat.isHolidayDepart"
                ng-options="opt.value as opt.name for opt in options.yesorno">
            <option value="">-- 是否假日 --</option>
        </select>

        <div class="search-item search-button">
            <button class="btn btn-icon-only default"><i class="fa fa-chevron-right"></i></button>
            <button class="btn btn-sm query" ng-click="query();"><i class="fa fa-search"></i> 查询</button>
            <button class="btn btn-sm reset" ng-click="reset();"><i class="fa fa-eraser"></i> 重置</button>
            <button class="btn btn-sm btn-danger" ng-click="toogleMap();" ng-show="!isMapShow"><i class="fa fa-fire"></i> 热图</button>
            <button class="btn btn-sm btn-primary" ng-click="toogleMap();" ng-show="isMapShow"><i class="fa fa-table"></i> 数据</button>
        </div>
    </form>


    <div class="portlet-body" ng-show="!isMapShow">
        <table style="width: 100%" ed-grid class="table table-striped table-bordered table-advance table-hover"
               data-options="url: 'routeStat/query.do', model: 'routeStat', modelText: '出行调查', form: 'queryForm', modal: 'modal'">
            <thead>
            <tr>
                <th data-options="field: '_index'"></th>
                <th data-options="field: 'startStopName'">起点站</th>
                <th data-options="field: 'endStopName'">终点站</th>
                <th data-options="field: 'departTime'">出发时间</th>
                <th data-options="field: 'isWorkingDepart | code : yesorno'">是否工作日</th>
                <th data-options="field: 'isHolidayDepart | code : yesorno'">是否假日</th>
                <!--<th>操作</th>-->
            </tr>
            </thead>
        </table>
    </div>

    <div ng-show="isMapShow" style="height: 580px">
        <div id="map" style="width: 100%;height: 100%;">
        </div>
    </div>


</div>


